<div class="page-product">
	
    <div class="product-header clearfix">
		<i class="icon icon-back" ng-click="back()"></i>
        我的余额
	</div>

	<div class="balance-info">
        <h4>账户余额</h4>
		<p>{{customerBalance}} 元</p>
    </div>
    
	<div class="order-header clearfix">
		<a href="javascript:void(0);" ng-click="switchTab('充值历史')" class="order-tab-title" ng-class="{'selected':selection.tab == '充值历史'}">充值历史</a>
		<a href="javascript:void(0);" ng-click="switchTab('定金历史')" class="order-tab-title" ng-class="{'selected':selection.tab == '定金历史'}">定金历史</a>
		<a href="javascript:void(0);" ng-click="switchTab('交易历史')" class="order-tab-title" ng-class="{'selected':selection.tab == '交易历史'}">交易历史</a>
	</div>
    
    <div class="orderlist-wrap" style="background:white;padding-top:20px;">
    
            <ul class="balance-ul" ng-if="selection.tab == '充值历史'">
				<li ng-repeat="recharge in rechargeOrder">
                	<table class="balance-table">
                    	<tr>
                            <td>
                                <div>
                                    <p>单据号：{{recharge.recharge_id}}</p>
									<p>操作人：{{recharge.runner}}</p>
									<p>操作人类型：{{recharge.rtype}}</p>
                                    <p>充值账号：{{recharge.account}}</p>
                                    <p>充值金额：<strong>{{recharge.money}}</strong> 元</p>
									<p>充值方式：{{recharge.payment_method}}</p>
                                    <p>充值时间：{{recharge.date_added}}</p>
                                    <p>状态：{{recharge.status_name}}</p>
									<p>备注：{{recharge.memo}}</p>
									<p>
										<span ng-if="recharge.status < 3">
											<!--<a style="margin:2px 2px;" class="recharge-btn" href="javascript:void(0);" ng-click="rechargeAgain(recharge.recharge_id,'alipay_direct')">支付宝</a>-->
											<a style="margin:2px 2px;" class="recharge-btn" href="javascript:void(0);"  ng-click="rechargeAgain(recharge.recharge_id,'kj_yijipay')">快捷支付</a>
											<a style="margin:2px 2px;" class="destory-btn" ng-click="destoryRecharge(recharge.recharge_id)" href="javascript:void(0);">作废</a>
										</span>
									</p>
                                </div>
                            </td>
            			</tr>
            		</table>
                </li>
         	</ul>
            
            <ul class="balance-ul" ng-if="selection.tab == '定金历史'">
				<li ng-repeat="deposit in depositOrder">
                	<table class="balance-table">
                    	<tr>
                            <td>
                                <div>
                                    <p>单据号：{{deposit.recharge_id}}</p>
									<p>操作人：{{deposit.runner}}</p>
									<p>充值类型：{{deposit.rtype}}</p>
                                    <p>充值账号：{{deposit.account}}</p>
                                    <p>充值金额：<strong>{{deposit.money}}</strong> 元</p>
									<p>充值方式：{{deposit.payment_method}}</p>
                                    <p>充值时间：{{deposit.date_added}}</p>
                                    <p>状态：{{deposit.status_name}}</p>
									<p>备注：{{deposit.memo}}</p>
									<p>
										<span ng-if="deposit.status < 3">
											<!--<a style="margin:2px 2px;" class="recharge-btn" href="javascript:void(0);" ng-click="rechargeAgain(recharge.recharge_id,'alipay_direct')">支付宝</a>-->
											<a style="margin:2px 2px;" class="recharge-btn" href="javascript:void(0);"  ng-click="rechargeAgain(deposit.recharge_id,'kj_yijipay')">快捷支付</a>
											<a style="margin:2px 2px;" class="destory-btn" ng-click="destoryRecharge(deposit.recharge_id)" href="javascript:void(0);">作废</a>
										</span>
									</p>
                                </div>
                            </td>
            			</tr>
            		</table>
                </li>
         	</ul>
            
            <ul class="balance-ul" ng-if="selection.tab == '交易历史'">
				<li ng-repeat="trade in tradeOrder">
                	<table class="balance-table">
                    	<tr>
                            <td>
                                <div>
                                    <p>单据号：{{trade.order_id}}</p>
                                    <p>交易类型：订单</p>
                                    <p>交易金额：<strong>{{trade.total}}</strong> 元</p>
                                    <p>交易时间：{{trade.date_added}}</p>
                                    <p>状态：{{trade.status_name}}</p>
                                </div>
                            </td>
            			</tr>
            		</table>
                </li>
         	</ul>	
        	
        </div>
    
    <div class="product-footer clearfix">
    	<a href="javascript:void(0);" class="add-cart" style="width:100%;" ng-click="jump('/usercenter/recharge')">立即充值</a>
    </div>
    
</div>
